<!DOCTYPE html>
<html lang="en" id="html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>已有报价</title>
    <link rel="stylesheet" href="../css/public.css">
    <style>
        body{background: #f5f5f5}
        .qiugou{width: 100%;background: #ffffff;border-bottom: 1px solid #ccc;}
        .qiugoutitle{line-height: 0.88rem;height: 0.88rem;font-size: 0.3rem;width: 92%;border-bottom: 1px solid #ccc;margin: 0 auto}
        .qiugouxiangqing{width: 92%;margin: 0.12rem auto}
        .qiugouxiangqing li{height: 0.6rem;line-height: 0.6rem;}
        .qiugouxiangqing li:nth-child(2n){width: 51%}
        .qiugouxiangqing li:nth-child(2n+1){width: 49%}
        .qiugouxiangqing li span{font-size: 0.26rem;}
        .wodebaojia{width: 92%;background: #ffffff;border-bottom: 1px solid #ccc;margin-top: 0.08rem;padding: 0 4%;padding-bottom: 0.2rem;}
        .wodebaojia div{padding-top: 0.2rem;}
        .wodebaojia p{width: 25%;float: left;height: 0.6rem;line-height: 0.6rem;font-size: 0.26rem;}
        .wodebaojia p span{color: #ff0000}
        .wodebaojia input{float: left;width: 3rem;height: 0.6rem;border: 1px solid #ccc;font-size: 0.24rem;text-indent: 0.1rem;}
        .wodebaojia select{width: 2rem;height: 0.6rem;border: 1px solid #ccc;font-size: 0.24rem;text-indent: 0.1rem;margin-right: 0.2rem;border-radius: 0.08rem;}
        .baojiaanniu{width: 100%;position: fixed;bottom: 0;left: 0;height: 0.88rem;background: #52cd96;text-align: center;font-size: 0.3rem;line-height: 0.88rem;color: #fff;}

        .wodebaojia .my_pic{
            width: 1.19rem;
            height: 1.19rem;
            line-height: 1.19rem;
            text-align: center;
            font-size: 0.56rem;
            color: #cccccc;
            background: #fff;
            border:0.01rem solid #ccc;
            box-sizing: border-box;
            position: relative;
            float: left;
            padding-top: 0;
        }
        .my_picin{
            width: 1.19rem;
            height: 1.19rem;
            position: absolute;
            left: 0;
            top:0;
            opacity: 0;
        }
    </style>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/resize.js"></script>
    <script>
        $(window).ready(function(){
            resetFont();
        });
        $(window).resize(function(){
            resetFont();
        });
    </script>
</head>
<body>
<div class="qiugou clearfix">
    <h1 class="qiugoutitle">求购信息</h1>
    <ul class="qiugouxiangqing clearfix">
        <li class="float_l"><span class="float_l">求购品种：</span><span class="float_l">金森女贞</span></li>
        <li class="float_l"><span class="float_l">采购数量：</span><span class="float_l">2000</span></li>
        <li class="float_l"><span class="float_l">形态：</span><span class="float_l">独杆</span></li>
        <li class="float_l"><span class="float_l">采购范围：</span><span class="float_l">河北省保定市</span></li>
        <li class="float_l"><span class="float_l">高度：</span><span class="float_l">8cm</span></li>
        <li class="float_l"><span class="float_l">发布日期：</span><span class="float_l">2017-01-01</span></li>
        <li class="float_l"><span class="float_l">已有报价：</span><span class="float_l">5</span></li>
        <li class="float_l"><span class="float_l">截止日期：</span><span class="float_l">2017-01-15</span></li>
        <li style="width: 100%"><span class="float_l" style="width: 18%">其他要求:</span><span class="float_l" style="width: 82%">紧急求购8cm以上的金森女贞，杯土湿润完整，有意者请尽快与我联系。</span></li>
    </ul>
</div>
<div class="wodebaojia clearfix">
    <div class="clearfix"><p>我的报价<span>*</span></p><input type="text" placeholder="必填"><span style="font-size: 0.26rem;line-height: 0.6rem;padding-left: 0.2rem;">元</span></div>
    <div class="clearfix"><p>可供数量<span>*</span></p><input type="text" placeholder="必填"></div>
    <div class="clearfix"><p>联系方式<span>*</span></p><input type="text" placeholder="必填"></div>

    <div class="clearfix"><p>苗源地<span>*</span></p>
        <select><option>请选择</option><option>1</option><option>2</option><option>3</option></select>
        <select><option>请选择</option><option>1</option><option>2</option><option>3</option></select>
    </div>
    <div class="clearfix"><p>上传图片</p>
        <div class="my_pic">
            <span>+</span>
            <input type="file" class="my_picin">
        </div>
    </div>
    <div class="clearfix"><p>其他介绍</p><textarea style="width: 4.2rem;height: 2rem;border: 1px solid #ccc;font-size: 0.24rem;line-height: 0.4rem;text-indent: 0.1rem;" placeholder="填写您提供的苗木的介绍"></textarea></div>
</div>
<a href="javascript:void(0)" class="baojiaanniu">报价</a>
</body>
</html>